<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script setup lang="ts">
// 根组件逻辑
import {useCache} from "@/utils/useCache";
import {onMounted} from "vue";
import { service } from '@/utils/axios/service' // 导入你的 axios 实例

import { useRoute } from 'vue-router' // 缺少这行导入
const route = useRoute();
const { wsCache } = useCache();
// import {
//   getAccessToken,
//   getRefreshToken,
//   getTenantId,
//   getVisitTenantId,
//   removeToken,
//   setToken
// } from '@/utils/auth'
watch(() => route.query, (newQuery) => {
  console.info(newQuery.id) // 监听 query 变化
  // const accessToken = newQuery.id
  // const refreshToken = newQuery.id2
  // console.info(accessToken)
  // console.info(refreshToken)
  service.defaults.headers.common['x-url-id'] = newQuery.id
  service.defaults.headers.common['x-url-id2'] = newQuery.id2
}, { immediate: true }) // 立即执行一次
/** 初始化 **/
// onMounted(() => {
//   console.info(route.query.id)
//   const accessToken = route.query.id
//   const refreshToken = route.query.id2
//   // const TokenType = {
//   //   id: undefined, // 编号
//   //   accessToken: undefined, // 访问令牌
//   //   refreshToken: undefined, // 刷新令牌
//   //   userId: undefined, // 用户编号
//   //   userType: undefined, //用户类型
//   //   clientId: undefined, //客户端编号
//   //   expiresTime: undefined //过期时间
//   // }
//   // console.info(token)
//   // setToken(TokenType)
//   // wsCache.set('REFRESH_TOKEN', refreshToken)
//   // wsCache.set('ACCESS_TOKEN', accessToken)
//   console.info(accessToken)
//   console.info(refreshToken)
//
//     // 获取 URL 参数
//     // const { id, id2 } = route.query
//     // 将参数存入请求头（或自定义配置），供拦截器使用
//     service.defaults.headers.common['x-url-id'] = route.query.id
//     service.defaults.headers.common['x-url-id2'] = route.query.id2
// })

</script>

<style lang="scss">
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #0f1733;
}
body {
  font-size: 16px;
  /*background-color: #f6f6f6;*/
  /*-webkit-font-smoothing: antialiased;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 100%;*/
  //background-image: url("assets/image/bg.jpg");
  background-size: cover;
  height: 100vh;
  margin: 0;
}
/* 禁止双击放大 */
html {
  touch-action: manipulation;
  width: 2127px;
  //display: flex;
  //justify-content: center;
  //align-items: center;
  background-color: #030d16;
}

/* 防止输入框聚焦时页面放大 */
input, textarea, [contenteditable] {
  font-size: 16px !important; /* 避免使用相对单位如vmin */
}

/* 针对Vant2的输入框 */
.van-field__control {
  font-size: 16px !important;
}
</style>
